<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>move</title>
    <style>
        html,body {
            min-height: 100%;
            margin: 0;
            padding: 0;
        }
        .move{
            background: url("images/move_pic.jpg") no-repeat 50% 50%;
            background-size: cover;
            width: 100%;
            height: 100%;
        }

        .bg{
            background: url("images/move_pic.jpg") center;
            background-size: cover;
            background-attachment: local;
        }
    </style>
    <script src="../public/js/jquery.js"></script>
</head>
<body class="bg"></body>
<script>
    window.body = 0;
    window.setInterval(function ()
    {
        body++;
        $('body').css({ 'backgroundPosition': 'center ' + body + 'px' });
    }, 50);
</script>
</html>
